@import "@wordpress/base-styles/breakpoints";

.page-modules-settings {
	display: flex;
	align-items: center;

	// Add gap for not open .section-nav on tablet and mobile.
	@media (max-width: $break-small) {
		padding-right: 0;
	}

	button {
		height: 24px;
		cursor: pointer;
	}

	.page-modules-settings-action:focus {
		box-shadow: 0 0 0 2px var(--color-primary-light);
		z-index: 0; //fix for left box-shadow being cut off
	}
}
